@col1: #2196f3;
@col2: #388e3c;
@boxCol:#263238;
@fontCol: #777;
@tableCol: rgb(255, 255, 255);
body{
  padding: 0;
  margin: 0;
  background-color: rgb(237, 237, 237);
}
html,body,#app{
  width: 100%;
  height: 100%;
}
a{
  color:#2196f3;
  &:hover{
    color: #388e3c;
  }
}
div{
  color: @boxCol;
}
p{
  color: @boxCol;
}
.ArticleInfo{
  .article_box{
    .info-box{
      p{
        font-size: 14px;
      }
      h1{
        border-bottom: .4vw solid @col1;

      }
      h2{
        border-bottom: .3vw solid @col2;
      }
      h3,h4,h5{
        border-bottom: .2vw solid @fontCol;
      }
      ul li{
        font-size: 14px;
      }
      ol li{
        font-size: 14px;
        
      }
      a{
        color: @col2;
        font-size: 14px;
        text-decoration: none;
      }
      a:hover{
        color:@col1;
      }
      div{
        font-size: 14px;
      }
      table {
        border: none;
        border-collapse: collapse;
      }
      table td,
      table th{
        border: 1px solid #ccc;
        padding: 3px 5px;
        min-width: 50px;
        height: 20px;
      }
      table th {
        border-right: 1px solid #ccc;
        border-bottom: 2px solid #ccc;
        text-align: center;
        background-color: #f1f1f1;
      }
      table tr:hover{
        background-color: @tableCol;
      }
    }
  }
}
